<?php
//comprovem si estem recargan el contingut del div de dades en cas que si nomes mostrem les dades si no mostrem titul
if(!isset($_GET["intern"])) {
    //comprovem si la pagina a sigut carregada per obtenir directament les dades mes actuals o per el historial
    if(isset($_GET["actual"])) {
        echo "<h1>Temps Actual</h1>";
    }else echo "<h1>Historial de Dades</h1>";
}
include 'conexio.php';
//comprovem si hi ha conexio
if($con) {
//comprovar si ens ha enviat consulta
    if(isset($_GET["id"])) {
        //modo consulta dades
        if(substr($_GET["id"],0,6)=="actual") {
            //comprovem si ha entrar per modo actual per generar la data actual
            $data=date("YmdHi");
        }else {
            //ha entrar en modo consulta per tan la data a buscar es la que ens pasa
            $data=$_GET["id"];
        }
        $any=substr($data,0,4);
        $mes=substr($data,4,2);
        $dia=substr($data,6,2);
        $modo=null;
        //variable de control per saber si les dades son correctes o si a entrar en modo consulta o comparar
        $res=mysql_query("select * from a" . $any . " where id<=" . $data . " order by id desc limit 1",$con);
        $fila=mysql_fetch_array($res);
        //comprovem si hi ha algun registre
        if($fila) {
            //comprovem si existeix data per comparar
            if(isset($_GET["idcomp"])) {
                $any2=substr($_GET["idcomp"],0,4);
                $res2=mysql_query("select * from a" . $any2 . " where id<=" . $_GET["idcomp"] . " order by id desc limit 1",$con);
                $fila2=mysql_fetch_array($res2);
                //comprovem si la data es valida
                if($fila2) {
                    $modo="comparar";
                }else {
                    echo "<h2>No hi han dades per la segona data</h2>";
                }
            }else {
                $modo="consula";
                //modo sin comparativa
            }
        }
        //si les dades existeixen generem el script per carrega els botons i flash
        if($modo!=null) {
            ?>

<script>
    jQuery(document).ready(function(){
       <?php if(!isset($_GET["rss"])){ ?>
               //aquesta linea la posem per que no surtin botons repetits al entra desde el rss
        $('.volatil').remove();
        window.onload=Custom.init();
         <?php } ?>
             //carreguem per defecte la temperatura externa li pasem les dades extretes de la consulta anterior
             //si existeix modo comparar tambe generem el flash de la comparativa
        swfobject.embedSWF("animacions/temperaturas.swf", "consu", "250", "400", "10.0.0", "temperaturas.swf", {"id":"<?php echo $fila["id"];?>","valor":"<?php echo $fila["temp_ext"];?>"} );
            <?php if($modo=="comparar") { ?>
                    swfobject.embedSWF("animacions/temperaturas.swf", "consucomp", "250", "400", "10.0.0", "temperaturas.swf", {"id":"<?php echo $fila2["id"];?>","valor":"<?php echo $fila2["temp_ext"];?>"} );
                <?php } ?>
                    });
                    //funcio que recull quan s'ha clicat un boto per generar el flash i el genera segons la opcio escollida'
                    function carregaflash(boto){
                        var valor="";
                        var fitxer="";
                        switch(boto){
                            case 'temperaturas':
                                swfobject.embedSWF("animacions/temperaturas.swf", "consu", "250", "400", "10.0.0", "temperaturas.swf", {"id":"<?php echo $fila["id"];?>","valor":"<?php echo $fila["temp_ext"];?>"} );
            <?php if($modo=="comparar") { ?>
                            swfobject.embedSWF("animacions/temperaturas.swf", "consucomp", "250", "400", "10.0.0", "temperaturas.swf", {"id":"<?php echo $fila2["id"];?>","valor":"<?php echo $fila2["temp_ext"];?>"} );
                <?php } ?>break;
                                case 'humitat':
                                    swfobject.embedSWF("animacions/humitat.swf", "consu", "300", "300", "10.0.0", "humitat.swf", {"id":"<?php echo $fila["id"];?>","valor":"<?php echo $fila["hum_ext"];?>"} );
            <?php if($modo=="comparar") { ?>
                                swfobject.embedSWF("animacions/humitat.swf", "consucomp", "300", "300", "10.0.0", "humitat.swf", {"id":"<?php echo $fila2["id"];?>","valor":"<?php echo $fila2["hum_ext"];?>"} );
                <?php } ?>break;
                                    case 'presio':
                                        swfobject.embedSWF("animacions/pressio.swf", "consu", "300", "300", "10.0.0", "presio.swf", {"id":"<?php echo $fila["id"];?>","valor":"<?php echo $fila["p_bar"];?>"} );
            <?php if($modo=="comparar") { ?>
                                    swfobject.embedSWF("animacions/pressio.swf", "consucomp", "300", "300", "10.0.0", "presio.swf", {"id":"<?php echo $fila2["id"];?>","valor":"<?php echo $fila2["p_bar"];?>"} );
                <?php } ?>break;
                                        case 'pluja':
                                            swfobject.embedSWF("animacions/pluja.swf", "consu", "250", "400", "9.0.0", "pluja.swf", {"id":"<?php echo $fila["id"];?>","valor":"<?php echo $fila["pluv_hora"];?>"} );
            <?php if($modo=="comparar") { ?>
                                        swfobject.embedSWF("animacions/pluja.swf", "consucomp", "250", "400", "9.0.0", "pluja.swf", {"id":"<?php echo $fila2["id"];?>","valor":"<?php echo $fila2["pluv_hora"];?>"} );
                <?php } ?>break;
                     case 'pluja24':
                                            swfobject.embedSWF("animacions/pluja.swf", "consu", "250", "400", "9.0.0", "pluja.swf", {"id":"<?php echo $fila["id"];?>","valor":"<?php echo $fila["pluv_ultimes_24"];?>"} );
            <?php if($modo=="comparar") { ?>
                                        swfobject.embedSWF("animacions/pluja.swf", "consucomp", "250", "400", "9.0.0", "pluja.swf", {"id":"<?php echo $fila2["id"];?>","valor":"<?php echo $fila2["pluv_ultimes_24"];?>"} );
                <?php } ?>break;
                                            case 'dirvent':
                                                swfobject.embedSWF("animacions/vent_direccio.swf", "consu", "300", "300", "10.0.0", "vent_direccio.swf", {"id":"<?php echo $fila["id"];?>","valor":"<?php echo $fila["dir_vent"];?>"} );
            <?php if($modo=="comparar") { ?>
                                            swfobject.embedSWF("animacions/vent_direccio.swf", "consucomp", "300", "300", "10.0.0", "vent_direccio.swf", {"id":"<?php echo $fila2["id"];?>","valor":"<?php echo $fila2["dir_vent"];?>"} );
                <?php } ?>break;
                                                case 'vent':
                                                    swfobject.embedSWF("animacions/vent.swf", "consu", "300", "300", "10.0.0", "vent.swf", {"id":"<?php echo $fila["id"];?>","valor":"<?php echo $fila["vel_vent"];?>"} );
            <?php if($modo=="comparar") { ?>
                                                swfobject.embedSWF("animacions/vent.swf", "consucomp", "300", "300", "10.0.0", "vent.swf", {"id":"<?php echo $fila2["id"];?>","valor":"<?php echo $fila2["vel_vent"];?>"} );
                <?php } ?>break;

                                                    case 'sensacio':
                                                        swfobject.embedSWF("animacions/temperaturas.swf", "consu", "250", "400", "10.0.0", "temperaturas.swf", {"id":"<?php echo $fila["id"];?>","valor":"<?php echo $fila["temp_virtual"];?>"} );
            <?php if($modo=="comparar") { ?>
                                                    swfobject.embedSWF("animacions/temperaturas.swf", "consucomp", "250", "400", "10.0.0", "temperaturas.swf", {"id":"<?php echo $fila2["id"];?>","valor":"<?php echo $fila2["temp_virtual"];?>"} );
                <?php } ?>break;

                                                    }

                                                }
</script>

<br/>
<table width="60%" class="taula">
    <tr>
        <td class="capçalera" colspan="3">Generar Gràfics</td>
    </tr>
    <tr>
        <td class="camp">Tipu de Gràfic</td><td class="camp">Consulta</td><?php if($modo=="comparar") {?><td class="camp">Comparativa</td><?php } ?>
    </tr>
    <tr>
        <td class="valor"  width="175px"style="padding: 0px <?php if($modo=="comparar")echo "35px"; else echo "0px";?> 0px 35px;">

            <input type="radio" id="temperaturas" class="styled" checked="checked" name="fl" value="temp">
            <input type="radio" id="sensacio" class="styled" name="fl" value="sensacio">
            <input type="radio" id="humitat" class="styled" name="fl" value="hum">
            <input type="radio" id="presio" class="styled" name="fl" value="pres">
            <input type="radio" id="pluja" class="styled" name="fl" value="pluja">
            <input type="radio" id="pluja24" class="styled" name="fl" value="pluja24">
            <input type="radio" id="vent" class="styled" name="fl" value="vent">
            <input type="radio" id="dirvent" class="styled" name="fl" value="dirvent">


        </td>
        <td class="valor" width="250px">
            <!--aqui nira el flash amb modo consulta-->
            <div id="consu"></div>
        </td>
            <?php if($modo=="comparar") {?> <td class="valor">
                <!--aqui nira el flash amb modo comparar-->
            <div id="consucomp"></div>
        </td><?php } ?>
    </tr>
</table>
    <br/>
    <!--dades extres-->
<table width="<?php if($modo=="comparar")echo "80%";else echo "60%";?>" class="taula">
    <tr>
        <td class="capçalera" colspan="<?php if($modo=="comparar")echo "4";else echo "2";?>">Dades extras</td>
    </tr>
    <tr>
        <td class="camp">Punt de condensació</td><td class="valor"><?php echo $fila['punt_cond']; ?></td>
        <?php if($modo=="comparar") { ?> <td class="camp">Punt de condensació</td><td class="valor"><?php echo $fila2['punt_cond']; ?></td> <?php } ?>
    </tr>
    <tr>
        <td class="camp">Altitud baromètica de l'estació</td><td class="valor">45 metres</td>
        <?php if($modo=="comparar") { ?>  <td class="camp">Altitud baromètica de l'estació</td><td class="valor">45 metres</td><?php } ?>
    </tr>
    <tr>
        <td class="camp">Densitat del aire</td><td class="valor"><?php echo $fila['densitat_aire']." kg/m<sup>3</sup>"; ?></td>
    <?php if($modo=="comparar") { ?>   <td class="camp">Densitat del aire</td><td class="valor"><?php echo $fila2['densitat_aire']." kg/m<sup>3</sup>"; ?></td><?php } ?>
    </tr>
    <tr>
        <td class="camp">Fase Llunar</td><td class="valor"><img src="images/moon/moon<?php echo $fila['fase_llunar'];?>.bmp"><br/>Fase num: <?php echo $fila['fase_llunar'];?></td>
    <?php if($modo=="comparar") { ?> <td class="camp">Fase Llunar</td><td class="valor"><img src="images/moon/moon<?php echo $fila2['fase_llunar'];?>.bmp"><br/>Fase num:<?php echo $fila2['fase_llunar'];?></td><?php } ?>
    </tr>
    <tr>
        <td class="camp">Pressió del Vapor</td><td class="valor"><?php echo $fila['pressio_vap']; ?></td>
    <?php if($modo=="comparar") { ?><td class="camp">Pressió del Vapor</td><td class="valor"><?php echo $fila2['pressio_vap']; ?></td><?php } ?>
    </tr>
</table><?php
        }else echo "<h2>No hi ha dades per aquesta data</h2>";
    }

    if(!isset($_GET["intern"])) {
        //modo formulari es a dir es el primer cop que entra al modo historial i a de mostra la taula per seleccionar data
        ?>
<style>
    body {
        cursor: default;
        text-align: left;
        font-family: calibri, arial, sans-serif;
        font-size: 13px;
        margin: 0;
        padding: 5px;
    }

    table th {
        vertical-align: top;
    }

    input {
        text-align: center;
        font-family: calibri, arial, sans-serif;
        font-size: 13px;
        background-color: white;
        border: 1px solid;
        border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
        padding: 1px;
    }
    input:focus, input:hover  {
        border-color: #5794bf #b7d5ea #c7e2f1 #c5daed;
    }

    .pickerImg {
        position: absolute;
        margin-left: -16px;
        margin-top: 5px;
        cursor: pointer;
    }
    .infoBox {
        background-color: #fefdec;
        border: 1px solid #edebcd;
        padding: 6px;
        margin-bottom: 20px;
    }

    element.style  {
        background-position:0 0;
    }
    span.radioconsulta {
        background:url("images/radio_consultes.gif") no-repeat scroll 0 0 transparent;
        clear:left;
        display:block;
        float:left;
        height:20px;
        padding:0 5px 0 0;
        width:150px;
    }
    span.radiopluja24 {
        background:url("images/radio_pluja24.gif") no-repeat scroll 0 0 transparent;
        clear:left;
        display:block;
        float:left;
        height:20px;
        padding:0 5px 0 0;
        width:150px;
    }
    span.radiocomparativa {
        background:url("images/radio_comparativa.gif") no-repeat scroll 0 0 transparent;
        clear:left;
        display:block;
        float:left;
        height:20px;
        padding:0 5px 0 0;
        width:150px;
    }
    span.radiotemperaturas {
        background:url("images/radio_temperaturas.gif") no-repeat scroll 0 0 transparent;
        clear:left;
        display:block;
        float:left;
        height:20px;
        padding:0 5px 0 0;
        width:150px;
    }
    span.radiohumitat {
        background:url("images/radio_humitat.gif") no-repeat scroll 0 0 transparent;
        clear:left;
        display:block;
        float:left;
        height:20px;
        padding:0 5px 0 0;
        width:150px;
    }
    span.radiopresio {
        background:url("images/radio_presio.gif") no-repeat scroll 0 0 transparent;
        clear:left;
        display:block;
        float:left;
        height:20px;
        padding:0 5px 0 0;
        width:150px;
    }
    span.radiopluja {
        background:url("images/radio_pluja.gif") no-repeat scroll 0 0 transparent;
        clear:left;
        display:block;
        float:left;
        height:20px;
        padding:0 5px 0 0;
        width:150px;
    }
    span.radiovent {
        background:url("images/radio_vent.gif") no-repeat scroll 0 0 transparent;
        clear:left;
        display:block;
        float:left;
        height:20px;
        padding:0 5px 0 0;
        width:150px;
    }
    span.radiodirvent {
        background:url("images/radio_dirvent.gif") no-repeat scroll 0 0 transparent;
        clear:left;
        display:block;
        float:left;
        height:20px;
        padding:0 5px 0 0;
        width:150px;
    }
    span.radiosensacio {
        background:url("images/radio_sensacio.gif") no-repeat scroll 0 0 transparent;
        clear:left;
        display:block;
        float:left;
        height:20px;
        padding:0 5px 0 0;
        width:150px;
    }
    static.layout.css
    {
        list-style:none outside none;
        margin:0;
        padding:0;
    }
    p, ul, label {
        color:#666666;
        font:1em/1.8em helvetica,sans-serif;
    }
    .select {
        position: absolute;
        width: 158px;
        height: 21px;
        padding: 0 24px 0 8px;
        color: #fff;
        font: 12px/21px arial,sans-serif;
        background: url(images/select.png) no-repeat;
        overflow: hidden;
    }
</style>
    <!--css calendari-->
<link rel="stylesheet" href="styles/datepicker.css" type="text/css" />
<link rel="stylesheet" media="screen" type="text/css" href="css/layout.css" />
<!--css selector de hora-->
<link rel="stylesheet" media="screen" href="styles/timepicker.css" type="text/css" />
<!--script selector de hora-->
<script type="text/javascript" src="jslib/jquery.mousewheel.js"></script>
<script type="text/javascript" src="jslib/jquery.timepicker.js"></script>
<script>
                                //funcio per carrega el calendari de comparativa
                                function cal(){
                                    (function(jQuery){
                                        var nowfg = new Date();
                                        jQuery('#date').DatePicker({
                                            flat: true,
                                            date: nowfg,
                                            current:nowfg,
                                            format:'Ymd',
                                            calendars: 1,
                                            view: 'days',
                                            onChange: function(formated, dates) {
                                                //consulta es el hidden on es guardara la data selecionada
                                                jQuery('#consulta').attr('value',formated);
                                            }
                                        });
                                        jQuery('#widgetCalendar div.datepicker').css('position', 'absolute');
                                    })(jQuery)                                    
                                    $("#tp").timepicker({divId: "mytimepicker"});
                                    clearTimeout(timerID);
                                }
                                jQuery(document).ready(function(){
                                    //carreguem el calendari amb un timer per un bug que no s'ha pogut arreclar d'aquesta forma funciona
                                    timerID=setTimeout("cal()", 300);
                                    //carreguem botons
                                    window.onload=Custom.init();
                                });
                                //variables d'entrada calendari2 no existeix i modo per defecte consulta
                                var calendari2=false;
                                var ultimclicat='consulta';

                                //funcio accionada per el evento de onclick de cada boto
                                function afegirCalendari(bot){
                                    //comprovem si el boto que ha clicat es el de consulta o comparativa si no es vol dir que esta
                                    //clican un boto de generar grafic i cridem a la funcio carregaflash
                                    if(bot=='consulta' || bot=='comparativa'){
                                    //comprovem si el boto es diferent al ultim boto clicat per no repetir accions;
                                        if(ultimclicat!=bot){
                                            ultimclicat=bot;
                                            //comprovem el estat de calendari2 per saber si ja esta creat o no
                                            if(!calendari2){
                                                calendari2=true;
                                                //si no estaba creat el crem el calendari modifiquem la taula també
                                                $('#taulot tr:first').append($("<td class='camp'>Data a Comparar</td>"));
                                                $('#taulot tr.mid').append($("<td class='valor' style='padding-right:45px;'><p id='date2'></p></td>"));
                                                $('#taulot #actualizable').attr('colspan', "3");
                                                //inicalitzem el calendari
                                                (function(jQuery){
                                                    var nowfg = new Date();
                                                    jQuery('#date2').DatePicker({
                                                        flat: true,
                                                        date: nowfg,
                                                        current:nowfg,
                                                        format:'Ymd',
                                                        calendars: 1,
                                                        view: 'days',
                                                        onChange: function(formated, dates) {
                                                            //comparativa es el hidden on es guarda la data seleccionada
                                                            jQuery('#comparativa').attr('value',formated);
                                                        }
                                                    });
                                                    jQuery('#widgetCalendar div.datepicker').css('position', 'absolute');
                                                })(jQuery)
                                                //inicialitzem el selector de horas
                                                $('#taulot #date2').after('<input readonly="readonly" value="<?php echo date("H:i");?>" class="timer" type="text" id="tp2" name="comparativahora" />');
                                                $("#tp2").timepicker({divId: "mytimepicker"});
                                            }else{
                                                //si ha clicat modo consulta i estavem amb modo comparativa destruim el calendari i el selector de horas i treiem el td
                                                calendari2=false;
                                                $('#taulot tr:first td:last').remove();
                                                $('#taulot #tp2');
                                                $('#taulot #date2').remove();
                                                $('#taulot tr.mid td:last').remove();
                                                $('#taulot #actualizable').attr('colspan', "2");
                                            }
                                        }
                                    }else{
                                        //botons de flashes
                                        carregaflash(bot);
                                    }
                                }
                                //aquesta funcio es accionada per el boto enviarconsulta
                                //comprova si les dades son valides per enviar si no s'ha deixat cap valor per introduir
                                function validariEnviar(){
                                    var i
                                    opcions=document.formu.tipo;
                                    for (i=0;i<opcions.length;i++){
                                        if (opcions[i].checked)
                                            break;
                                    }
                                    var seleccionado = opcions[i].value
                                    if($('#consulta').attr('value')=="null"){
                                        alert('No as seleccionat cap data');
                                    }else{
                                        var idconsultar=$('#consulta').attr('value') + $('#tp').attr('value').substr(0,2) + $('#tp').attr('value').substr(3,2);
                                        if(seleccionado=="consulta"){
                                            recargar('historial.php','#histodades','GET',{id:idconsultar,intern:'on'});
                                        }else{
                                            if($('#comparativa').attr('value')=="null"){
                                                alert('No has seleccionat cap data per comparar');
                                            }else{
                                                var idcomparar=$('#comparativa').attr('value') + $('#tp2').attr('value').substr(0,2) + $('#tp2').attr('value').substr(3,2);
                                                recargar('historial.php','#histodades','GET',{id:idconsultar,idcomp:idcomparar,intern:'on'});
                                            }
                                        }
                                    }
                                }
                                //si el usuari a entrat en modo actual generem directament els grafics sense accio del boto
        <?php  if(isset($_GET["actual"])) echo "validariEnviar();";?>
</script>


<br/>
<!-- div on es recargaren les dades dels grafics-->
<div id="histodades"></div>
<form action="index.php" method="get" name="formu">
    <input type="hidden" name="consulta" id="consulta" value="<?php if(isset($_GET["actual"]))echo "actual";else echo"null";?>"/>
    <input type="hidden" name="comparativa" id="comparativa" value="null"/>
    <table class="taula" id="taulot">
        <tr>
            <td class="camp" width="220px">Mode</td><td class="camp">Data</td>
        </tr>
        <tr class="mid"><td class="valor" style="padding-left: 30px;">
                <input type="radio" id="consulta" class="styled" checked="checked" name="tipo" value="consulta">
                <input type="radio" id="comparativa" class="styled" name="tipo" value="comparativa">
                <div style="margin-top:120px"></div></td>
            <td class="valor"><p id="date" style="padding-right:45px;"></p><input readonly="readonly" value="<?php echo date("H:i");?>" class="timer" type="text" id="tp" name="consultahora" /></td></tr>
        <tr>
            <td colspan="2" id="actualizable" style="text-align:center;" class="valor">
                <a href="#" onclick="validariEnviar();"><img src="images/consuldades.gif"></a></td>
        </tr>
    </table>
</form>
        <?php
    }
}else {
    include('error.php');
}
?>